<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">
 
  <h:head>
  	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
	<meta name="GENERATOR" content="IBM Software Development Platform"/>
	<meta http-equiv="content-language" content="es" />
	<meta name="lang" content="es" />
	<meta http-equiv="Content-Style-Type" content="text/css"/>
	<meta http-equiv="Cache-Control" content="no-cache"/>	
	<meta http-equiv="Cache-Control" content="no-store"/>	
	<meta http-equiv="Cache-Control" content="must-revalidate"/>
	<meta http-equiv="Pragma" content="no-cache"/>
	<meta http-equiv="Expires" content="0"/>
	
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/theme/default.css" title="Style"/>
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/theme/table.css" title="Style"/>
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/theme/jquery.checkboxtree.min.css" title="Style"/>
	<link type="text/css" rel="stylesheet" href="${request.contextPath}/theme/primefaces/redmond/skin.css"/>
	<script type="text/javascript" src="${request.contextPath}/script/menu/Redirecciones.js"></script>
	<script type="text/javascript" src="${request.contextPath}/script/util.js"></script>
	<script type="text/javascript" src="${request.contextPath}/script/timePicker.js"></script>
	
    <ui:insert name="head">
    	<title>Asesor 360</title>
    </ui:insert>

	<style type="text/css">
		.styleMenuModelMain ul.ui-menu-child{
	  		white-space: nowrap;
 	  		width: auto !important;
	  	}
	  	
	  	.panelgridInColumn td {
			border-style: none !important;
		}
		.stylePPanelGridBorder tr, .stylePPanelGridBorder td{
			border:0 !important;
		}
		.hide-column-header-names table thead tr {
		    display: none;
		}
		
		.styleDataTableWrapNormal thead th, .styleDataTableWrapNormal tfoot td, .styleDataTableWrapNormal tbody td{
			white-space: pre-line;
		}
		
		.styleDataTableWrapEspecial thead th, .styleDataTableWrapEspecial tfoot td{
			white-space: pre-line;
			padding: 4px 4px;
		}
		.styleDataTableWrapEspecial tbody td{
			white-space: pre-line;
			padding: 0px;
		}
		.styleDataTableWrapExpan thead th{
			padding: 0px 0px;
		}
		.styleDataTableWrapExpan tbody td, .styleDataTableWrapExpan tfoot td{
			white-space: pre-line;
			padding: 4px 1px;
		}
		
		.stylePanelColumnsPadre tbody td {
			    vertical-align: top;
		}
		.stylePanelColumnsHijo tbody td {
		    vertical-align: inherit;
		}
		.pangelGridCenter{
	  		margin: 0 auto;
	  	}
	  	
	  	.pangelGridColumnLeft{
	  		text-align: left;
	  	}
	  	
	  	.styleDataTableWrapNoBorderHead thead th{
			padding: 0px 0px;
			border-style: none;
		}
		.styleDataTableWrapNoBorderHead tbody, .styleDataTableWrapNoBorderHead tbody tr, .styleDataTableWrapNoBorderHead tbody td{
			white-space: pre-line;
			border-style: none;
			text-align: left;
		}
		
		.styleDataTableWrapNoBorderHeadEsp thead th{
			padding: 0px 0px;
			border-style: none;
		}
		.styleDataTableWrapNoBorderHeadEsp tbody, .styleDataTableWrapNoBorderHeadEsp tbody tr, .styleDataTableWrapNoBorderHeadEsp tbody td{
			white-space: pre-line;
			border-style: none;
			text-align: left;
			padding: 1px;
		}
		
		.customStyleButtonHide {
			user-select : none;
		    -moz-user-select : none;
		    -webkit-user-select : none;
		    cursor: default;
		    border: #FCFDFD !important;
		}
		.customStyleButtonHide span {
      		padding: 0px !important;
		}
	</style>
	<script type="text/javascript">//<![CDATA[
		function handleTemplateClienteDataChange(xhr, status, args) {
			if(args.isChangeDataTemplateClientOk) {
				popmodalUpdateCampos.hide();
	        }
	    }
		
		function pulsar(e) {
	        tecla=(document.all) ? e.keyCode : e.which;
	      if(tecla==13) return false;
	    }
	
		function cerrar(){
			var ventana = window.self;
			ventana.opener = window.self;
			ventana.close();
		}

		function limitarCajaPrincipal(field, maxlimit) {
			try{
				if (field.value.length > maxlimit) {
					field.value = field.value.substring(0, maxlimit);
				}
			}catch(ex){
			}				
		}
		
		function handleMailDialogSend(xhr, status, args) {
			if(args.isMailSendOk) {
		    	popmpEnviarMsg.hide();
		    }
		}			
  	//]]></script>   
  </h:head> 
  <body class="fondo" onkeypress="return pulsar(event)" >  
	<f:view>	
			<h:form styleClass="form" id="formPrincipal">
				<p:idleMonitor timeout="#{bpmsgs.MSG_IDLE_MINUTOS*60000}" onidle="idleConfirmDialog1.show()" />
				<p:confirmDialog id="confirmDialogIdle" header="#{bpmsgs.MSG_IDLE_CABECERA}"
					message="#{bpmsgs.MSG_IDLE_CUERPO}"
					severity="alert" widgetVar="idleConfirmDialog1">
					<p:commandButton id="confirm" value="Ok" onclick="idleConfirmDialog1.hide()" />
					<p:commandButton id="Logout" value="LogMeOut" oncomplete="idleConfirmDialog1.hide()"
						actionListener="#{loginController.cerrarSession}" />
				</p:confirmDialog>
				<t:div style="text-align:center;">
					<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 1000px; background-color:#FFFFFF;border: 1px solid #ACBECE;">
						<tr>
							<td align="left" valign="top"  id="Cabecera">			
								<table width="100%" cellpadding="0" cellspacing="0" border="0">
								<tr>
								<td><a href="${request.contextPath}/Principal.xhtml" style="color:white; text-decoration: none">
										<h:outputText value="Página Inicio"/>
									</a></td>
								<td align="right">
<!-- 									<p:selectOneMenu id="idCboTipoEjecutivo" value="#{loginController.loginModel.codTipoEjecutivo}" style="text-align: left;"> -->
<!-- 										<f:selectItems value="#{loginController.loginModel.listaTipoEjecutivos}"/> -->
<!-- 										<p:ajax event="change" listener="#{loginController.changeMenuTipo}" update=":formPrincipal"/> -->
<!-- 									</p:selectOneMenu> -->
								</td>
								</tr>
								</table>
							</td>
						</tr>
						<tr>
							<td align="left" valign="top" style="background-color: #E8E8E8;">	
								<table cellpadding="0" width="100%" bgcolor="white" height="68px">
									<tr>
										<td align="left">											
											<h:graphicImage value="/imagenes/banner/BBVASistemaAsesoramientoFinanciero.png" alt=""/>										
										</td>
										<td align="right">											
											<h:graphicImage value="/imagenes/banner/bannerBBVA3TWO.jpg" alt=""/>
										</td>
									</tr>
								</table>										
							</td>
						</tr>
						<tr>
							<td align="left">
								<p:toolbar>
									<p:toolbarGroup align="left" style="height: 15px;">
										<h:outputText value="Gestor: #{loginController.loginModel.nombreEjecutivo}"/>
										<p:separator />
										<h:outputText value="Fecha: #{loginController.loginModel.fecha}"/>
										<p:separator />
										<h:outputText value="Información a Fecha: #{loginController.loginModel.fechaInformacion}"/>
									</p:toolbarGroup>
									<p:toolbarGroup align="right">
										<p:commandLink actionListener="#{loginController.cerrarSession}" value="Cerrar Sesión"></p:commandLink>
									</p:toolbarGroup>
								</p:toolbar>								
								<input type="hidden" id="jscook_action"	name="jscook_action" />			
							</td>
						</tr>
						<tr>
							<td>
								<p:menubar model="#{loginController.rootOpcionMenu}" autoSubmenuDisplay="true" styleClass="styleMenuModelMain" effect="drop"/>
							</td>
						</tr>
						<tr>
							<td valign="top">
								<ui:insert name="tituloarea"/>
							</td>
						</tr>
						<tr>
							<td>
								<p:toolbar>
								  <p:toolbarGroup align="left" style="margin-top: 2px; height: 15px;">
								  	<ui:insert name="titulopagina"/>	
								  </p:toolbarGroup>
							      <p:toolbarGroup align="right">
							      	  <ui:insert name="agregaIconoEjecutivos">				      	  
<!-- 							      	  	  <p:commandLink onclick="javascript:abrirJerarquia();" id="idListEjecutivos" onkeypress="return pulsar(event);" rendered="#{loginController.loginModel.mostrarListaEjecutivos}">								   -->
<!-- 									      	<p:graphicImage value="/imagenes/iconos/ejecutivos.gif" styleClass="pic" style="border:0;"/> -->
<!-- 									      </p:commandLink> -->
<!-- 									      <p:tooltip for="idListEjecutivos" value="Listar Ejecutivos" showEffect="fade" hideEffect="fade" />		 						      	  								      	  -->
									  </ui:insert>
									  <p:spacer width="20px" height="5px"></p:spacer>
									  <ui:insert name="agregaIconoEmail">
									  	<h:panelGroup>
											<p:commandLink oncomplete="popmpEnviarMsg.show()" actionListener="#{enviarCorreoController.abrirFormMsg}" id="idSendMail" ajaxSingle="true"
														   update=":formModalEnviarMsg:pnlMsgPrincipal,:formModalEnviarMsg:messagesFormEnviarMsg">								  
										    	<p:graphicImage value="/imagenes/iconos/correo.gif" styleClass="pic" style="border:0;"/>
										    </p:commandLink>
										    <p:tooltip for="idSendMail" value="Enviar Correo" showEffect="fade" hideEffect="fade" />
										</h:panelGroup>
                                      </ui:insert>
                                      <p:spacer width="10px" height="5px"></p:spacer>
									  <ui:insert name="agregaIconoExcelRe">
	                                      <h:commandButton id="idExpXls" styleClass="icoExcel" action="#{exportarModel.exportarReporteListadoXls}" value="">
	                                       	  <p:tooltip for="idExpXls" value="Exportar Excel" showEffect="fade" hideEffect="fade" /> 
	                                      </h:commandButton> 
                                      </ui:insert>
                                      <ui:insert name="agregaIconoPDFRe">
                                          <h:commandButton id="idExpPdf" styleClass="icoPdf" action="#{exportarModel.exportarReporteListadoPdf}" value="" />
                                          <p:tooltip for="idExpPdf" value="Exportar PDF" showEffect="fade" hideEffect="fade" />
                                      </ui:insert>
							      </p:toolbarGroup>
							    </p:toolbar>
							</td>
						</tr>
						<tr>
							<td align="left" style="background-color: White;padding:10px 10px" valign="top">								
							   <ui:insert name="bodyarea"/>
							</td>
						</tr>							
						<tr>
							<td align="center" valign="top" id="Pie" class="dr-pnl-h rich-panel-header">
								BBVA Banco Continental ©Copyright -Todos los Derechos Reservados.
							</td>
						</tr>
					</table>
				</t:div>
			</h:form>
			
			<ui:insert name="extraarea"/>
					<p:dialog id="mpnlEnviarMsgPrincipal" header="Datos de Envío de Correo"
						  widgetVar="popmpEnviarMsg" modal="true" dynamic="true" width="580">
				
						  <h:form id="formModalEnviarMsg">
						  	<p:messages id="messagesFormEnviarMsg" showDetail="true" closable="true" />
						  	<h:panelGrid id="pnlMsgPrincipal">
 								<h:panelGrid columns="2">
 									<h:outputText value="Para:" styleClass="texto"/>
 									<h:inputTextarea id="txtParaPrincipal" styleClass="inputText"
 													 cols="80" style="height: 30px;"
 													 value="#{enviarCorreoController.txtPara}" />
 													 
 									<h:outputText value="Copiar a:" styleClass="texto"/>
									<h:inputTextarea id="txtCopiaPrincipal"  styleClass="inputText"
													 cols="80" style="height: 30px; "  
													 value="#{enviarCorreoController.txtCopia}" />
									
									<h:outputText value="Asunto:" styleClass="texto"/>
									<h:inputText id="txtAsuntoPrincipal" styleClass="inputText" 
												 maxlength="30"	size="75" 
									 			 value="#{enviarCorreoController.txtAsunto}"/>

									<h:outputText value="Mensaje:" styleClass="texto"/>
									<h:inputTextarea id="txtMensajePrincipal" styleClass="inputText" style="height:45px; "
													 value="#{enviarCorreoController.txtMensaje}" cols="80" 
													 onkeyup="javascript:limitarCajaPrincipal(this,250)"
													 onkeydown="javascript:limitarCajaPrincipal(this,250)" />
				 
									<h:outputText value="Formato de Archivo:" styleClass="texto"/>
									<h:selectOneRadio id="rbFormatoPrincipal" value="#{enviarCorreoController.rbFormato}" >
										<f:selectItems value="#{enviarCorreoController.listaFormatos}"/>
									</h:selectOneRadio>
									
									<p:commandButton id="btnEnviarPrincipal"
						            				 actionListener="#{enviarCorreoController.enviarMensaje}"
						            				 oncomplete="handleMailDialogSend(xhr, status, args)" value="Enviar">
			            				 <f:param name="nomReporte" value="#{enviarCorreoController.nombreFormulario}" />
			            			</p:commandButton>	 					 
 								</h:panelGrid>
						  	</h:panelGrid>
						  </h:form>
				</p:dialog>	
				
			<p:dialog id="idmodalUpdateCampos" header="Actualizar Datos Básicos" widgetVar="popmodalUpdateCampos"
		 		modal="true" dynamic="true" width="490">
				<h:form id="formmodalUpdateCampos">
					<p:messages id="messageTemplateClientModal" showDetail="true" closable="true" />
					<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" columns="1" width="470px" cellpadding="5" 
						styleClass="bordePanel" style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
						<f:facet name="header">
							<h:outputText value="Actualizar"/>
						</f:facet>
						<h:panelGrid columns="2">
							<h:outputText value="Email: " styleClass="texto"/>
							<h:inputText value="#{clienteController.modalValueEmail}" size="70" maxlength="100"/>
							<h:outputText value="Dirección: " styleClass="texto"/>
 							<h:inputText value="#{clienteController.modalValueDirec}" size="70" maxlength="100"/>
 							<h:outputText value="Teléfono:" styleClass="texto"/>
							<h:inputText value="#{clienteController.modalValueTelef}" size="50" maxlength="60"/>
						</h:panelGrid>
						<h:panelGrid width="100%" columns="4">
							<p:spacer width="50px" height="10px" />
							<p:commandButton icon="ui-icon-disk" value="Guardar" actionListener="#{clienteController.updateDatoCliente}"
								oncomplete="handleTemplateClienteDataChange(xhr, status, args)"/>
							<p:spacer width="10px" height="10px" />
							<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="popmodalUpdateCampos.hide()"/>
						</h:panelGrid>
					</h:panelGrid>
				</h:form>
			</p:dialog>
<!-- 			 MIGRAR   -->
<!-- 			<rich:modalPanel id="panelEjecutivos" width="400" minHeight="325"> -->
<!-- 					<f:facet name="header"> -->
<!-- 						<h:panelGroup id="pnlCabecera"> -->
<!-- 							<h:outputText value="Listado de Ejecutivos 1.1" id="txtLIstadoEjecutivos"></h:outputText> -->
<!-- 						</h:panelGroup> -->
<!-- 					</f:facet> -->
<!-- 					<f:facet name="controls"> -->
<!-- 						<h:panelGroup id="pnlControles"> -->
<!-- 							<h:commandButton -->
<!-- 								styleClass="icoClose" id="hidelinkEjecutivos" /> -->
<!-- 							<rich:componentControl for="panelEjecutivos" attachTo="hidelinkEjecutivos" -->
<!-- 								operation="hide" event="onclick" /> -->
<!-- 						</h:panelGroup> -->
<!-- 					</f:facet> -->
<!-- 					<h:form id="formEjecutivos"> -->

<!-- 							<h:panelGrid id="pnlGridTree" width="100%" style="float: left;">										 -->
<!-- 								<h:outputText value="#{loginController.loginModel.treeEjecutivos}" escape="false"/>																												 -->
<!-- 							</h:panelGrid>						 -->
<!-- 							 <h:inputHidden value="#{ejecutivoController.codigos}" id="hidEjecutivos"></h:inputHidden>  -->
<!-- 							<input type="button" onclick="procesarCodigos();" class="btnGuardar" style="float: right;"/> -->
<!-- 							<h:commandButton id="btnGuardarPrincipal"  actionListener="#{ejecutivoController.recargarJerarquia}" styleClass="novisible" />	 -->

<!-- 					</h:form> -->
<!-- 			</rich:modalPanel> -->
			
<!-- 			<rich:modalPanel id="panelEjecutivosRadio" width="400" minHeight="300"> -->
<!-- 					<f:facet name="header"> -->
<!-- 						<h:panelGroup id="pnlCabeceraRadio"> -->
<!-- 							<h:outputText value="Listado de Ejecutivos 2" id="txtLIstadoEjecutivosRadio"></h:outputText> -->
<!-- 						</h:panelGroup> -->
<!-- 					</f:facet> -->
<!-- 					<f:facet name="controls"> -->
<!-- 						<h:panelGroup id="pnlControlesRadio"> -->
<!-- 							<h:commandButton -->
<!-- 								styleClass="icoClose" id="hidelinkEjecutivosRadio" /> -->
<!-- 							<rich:componentControl for="panelEjecutivosRadio" attachTo="hidelinkEjecutivosRadio" -->
<!-- 								operation="hide" event="onclick" /> -->
<!-- 						</h:panelGroup> -->
<!-- 					</f:facet> -->
<!-- 					<h:form id="formEjecutivosRadio">	 -->
<!-- 						<t:div style="overflow-y:scroll;scroll:auto" id="divA">					 -->
<!-- 							<h:panelGrid id="pnlGridTreeRadio" width="100%" style="float: left;">										 -->
<!-- 								<h:outputText value="#{loginController.loginModel.treeEjecutivosRadio}" escape="false"/>																												 -->
<!-- 							</h:panelGrid>						 -->
<!-- 							 <h:inputHidden value="#{ejecutivoController.codigo}" id="hidEjecutivosRadio"></h:inputHidden>  -->
<!-- 							<input type="button" onclick="procesarCodigos();" class="btnGuardar" style="float: right"/>										 										 		 -->
<!-- 							<a4j:commandButton id="btnGuardarPrincipalRadio" actionListener="#{ejecutivoController.recargarJerarquiaUnica}" styleClass="novisible" oncomplete="Richfaces.hideModalPanel('panelEjecutivosRadio')"/>	 -->
<!-- 						</t:div>					 							 -->
<!-- 					</h:form> -->
<!-- 			</rich:modalPanel> -->		
		</f:view>
	</body>
</html>